<template>
    <div>
        <JButton :width="width" @click="click">确认</JButton>
        <JButton>取消</JButton>
        <JButton :disabled="true">取消</JButton>

        <JButton>
            <svg width="1.5em" height="1.5em" viewBox="0 0 16 16">
                <circle cx="8" cy="8" r="5" fill="var(--obprimary-color)" stroke="var(--obprimary-color)" stroke-width="0.5" />
            </svg>
        </JButton>
    </div>

</template>

<script>
import JButton from './JButton.vue';
export default {
    data(){
        return {
            width:100
        }
    },
    components:{
        JButton
    },
    methods:{
        click(event){
            this.width = this.width+10
        }
    }
}
</script>

<style>
:root{
    --primary-color:var(--theme-primary-color,red);
}
</style>